<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type='text/javascript' src='./dwr/engine.js'></script>
<script type='text/javascript' src='./dwr/util.js'> </script>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" language="javascript">
var posX;
var posY;
var mousedown;
var idOfResizedResource;
function resize1(id){
	idOfResizedResource = id;
	mousedown = 1;
	Event = window.event;
	posX = Event.clientX;
	posY = Event.clientY;
	
}
function resize2() {
if (mousedown == 0) return;
	Event = window.event;

	newX = parseInt(dwr.util.byId(idOfResizedResource + "_rahmen").style.width) + Event.clientX - posX;
	newY = parseInt(dwr.util.byId(idOfResizedResource + "_rahmen").style.height) + Event.clientY - posY;

	dwr.util.byId(idOfResizedResource + "_rahmen").style.width = newX + "px";
    dwr.util.byId(idOfResizedResource + "_rahmen").style.height = newY + "px";
	
//	newXa = parseInt(dwr.util.byId(idOfResizedResource).style.width) + Event.clientX - posX;
//	newYb = parseInt(dwr.util.byId(idOfResizedResource).style.height) + Event.clientY - posY;
//	dwr.util.byId(idOfResizedResource).style.width = newXa + "px";
//    dwr.util.byId(idOfResizedResource).style.height = newYb + "px";
    
    posX = Event.clientX;
    posY = Event.clientY;
}

function resize3(){
	mousedown = 0;
}
</script>
</head>
<body onmousemove="resize2();" onmouseup="resize3();">
<div id="innerContent_rahmen" style="overflow:hidden; min-width:100px; min-height:100px; position:absolute; height:400px; width:400px; left:50px; top:50px; border:1px solid black; background: blue; cursor: nw-resize" onmousedown="resize1('innerContent');" onmousemove="resize2();" onmouseup="resize3();" >
	<div id="innerContent" style="min-width:96px; min-height:96px; position:absolute; padding:2px; left:2px; top:2px; background:white; cursor:auto;" onmousemove="resize2();" onmouseup="resize3();"> 
	sdffffff sdfffffffff sdfffffffffffff sfddddddddddddd sfdddddddddddd sfddddddddddddd sfddddddddddd fsdddddddddddd fdsssssssssssssss sfdddddddddddd sfddddd
	</div>
</div>
</body>
</html>